<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<%@ include file="/common/taglibs.jsp"%>
	<title>部门考勤月度统计</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${ctx}/assets/css/bootstrap-tree.css" rel="stylesheet" type="text/css"/>
	<link href="${ctx}/assets/css/jsTree/style.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<!-- begin #page-container -->
	<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
		<!-- #header -->
		<%@ include file="/common/header.jsp"%>
		<!-- #slider -->
		<%@ include file="/common/slider.jsp"%>

		<!-- begin #content -->
		<div id="content" class="content" style="padding-top:20px">
			<!-- begin row -->
			<div class="row">
				<!-- begin col-8 -->
				<div class="col-md-12">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<form class="form-horizontal" id="searchForm" name="searchForm">
								<div class="">
									<div class="row">
										<div class="col-md-4">
											<div class="m-t-40">
												<label class="col-md-4 control-label ui-sortable">日期：</label>
												<div class="col-md-8 ui-sortable">
													<input type="text" class="form-control" id="startTime" name="startTime" placeholder="请选择日期"/>
												</div>
											</div>
										</div>
										<div class="col-md-5">
											<label class="col-md-4 control-label ui-sortable m-t-40">选取人员：</label>
											<input type="text" class="hidden" name="userIds" id="userIds" value="''"></input>
											<textarea class="ol-md-9 overflow-y-scroll width-250 height-100" id="userNames" placeholder="请选择员工..."></textarea>
											<button id="selected" name="selected" class="btn btn-success btn-xs m-l-5 m-b-15" type="button" title="选取">选取</button>
										</div>
										<div class="col-md-2">
											<%-- <shiro:hasPermission name="dictionary:list:search"> --%>
												<button id="searchBtn" name="searchBtn" type="button" class="btn btn-success btn-sm m-r-5 m-b-5" title="<fmt:message key='public.button_search'/>">
												<fmt:message key="public.button_search"/></button>
											<%-- </shiro:hasPermission> --%>
										</div>
									</div>
								</div>	
							</form>
						</div>
						<div class="panel-body">
						 	<div class="col-md-12 text-center m-b-15"><h3>江苏晨俊科技有限公司考勤表</h3></div>
						 	<div class="m-b-10 clearfix">
						 	<div class="col-md-2 col-sm-4">工时类型：<span>标准及不定时工时制</span></div>
						 	<div class="col-md-2 col-sm-3">部门：<span>技术研发部</span></div>
						 	<div class="col-md-2 col-sm-3">考勤月份：<span>2017年6月</span></div>
						 	<div class="col-md-1 col-sm-2">共计：<span>200</span>人</div>
						 	<div class="col-md-2 col-sm-3">考勤人（签字）：***</div>
						 	<div class="col-md-3 col-sm-4">部门负责人（签字）：***</div>
						 	</div>
							<table id="monthReportListTable" class="table-bordered table-hover">
								<thead class="text-center">
									<tr>
										<td width="1%" rowspan="2"><fmt:message key="public.list.index" /></td>
										<td rowspan="2" width="3%">姓名</td>
										<td rowspan="2" width="1%">1</td>
										<td rowspan="2" width="1%">2</td>
										<td rowspan="2" width="1%">3</td>
										<td rowspan="2" width="1%">5</td>
										<td rowspan="2" width="1%">6</td>
										<td rowspan="2" width="1%">7</td>
										<td rowspan="2" width="1%">8</td>
										<td rowspan="2" width="1%">9</td>
										<td rowspan="2" width="1%">10</td>
										<td rowspan="2" width="1%">11</td>
										<td rowspan="2" width="1%">12</td>
										<td rowspan="2" width="1%">13</td>
										<td rowspan="2" width="1%">14</td>
										<td rowspan="2" width="1%">15</td>
										<td rowspan="2" width="1%">16</td>
										<td rowspan="2" width="1%">17</td>
										<td rowspan="2" width="1%">18</td>
										<td rowspan="2" width="1%">19</td>
										<td rowspan="2" width="1%">20</td>
										<td rowspan="2" width="1%">21</td>
										<td rowspan="2" width="1%">22</td>
										<td rowspan="2" width="1%">23</td>
										<td rowspan="2" width="1%">24</td>
										<td rowspan="2" width="1%">25</td>
										<td rowspan="2" width="1%">25</td>
										<td rowspan="2" width="1%">26</td>
										<td rowspan="2" width="1%">27</td>
										<td rowspan="2" width="1%">28</td>
										<td rowspan="2" width="1%">29</td>
										<td rowspan="2" width="1%">30</td>
										<td rowspan="2" width="1%">31</td>
										<td colspan="10">合计</td>
										<td rowspan="2" width="5%">劳动者签字</td>
									</tr>
									<tr class="jia">
										<td width="1%">喜丧假</td>
										<td width="1%">病假</td>
										<td width="1%">事假</td>
										<td width="1%">旷工</td>
										<td width="1%">年休假</td>
										<td width="1%">工伤</td>
										<td width="1%">加班</td>
										<td width="1%">调休</td>
										<td width="1%">出勤小时数</td>
										<td width="1%">出勤天数</td>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
							<div class="m-b-10 clearfix">
						 	<div class="col-md-12"><div class="width-50 pull-left">说明：</div>1、病假<span class="f-s-16">○</span>
						 	&emsp;事假△&emsp;工伤☆&emsp;旷工<span class="f-s-15">×</span>&emsp;迟到▼&emsp;喜丧假<span class="f-s-18">●</span>
						 	&emsp;年休假<span class="f-s-15">◎</span>&emsp;加班※（按小时算H）&emsp;休息#&emsp;出勤/</div>
						 	<div class="col-md-12"><div class="width-50 pull-left">&emsp;</div>2、喜丧假类型：产（陪）假、婚丧假、计划生育假、哺乳假；</div>
						 	<div class="col-md-12"><div class="width-50 pull-left">&emsp;</div>3、加班、调休统计数为小时数。</div>
						 	</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end row -->
		</div>
		<!-- end #content -->
	</div>
	<!-- end page container -->
	
	<%@ include file="/common/groupUser.jsp"%>
	<%@ include file="/common/footer.jsp"%>
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="${ctx}/assets/js/bootstrap-tree.js"></script>
	<script src="${ctx}/assets/js/jstree/dist/jstree.min.js"></script>
	<script src="${ctx}/assets/js/ui-tree.js"></script>
	<script src="${ctx}/assets/js/jquery.dataTables.js"></script>
	<script src="${ctx}/assets/js/DT_bootstrap.js"></script>
	<script src="${ctx}/assets/js/jquery.datetimepicker.js"></script>
	
	<script src="${ctx}/js/common/groupUsers.js?v=${ver}"></script>
	<script src="${ctx}/js/attendanceSelect/monthReport.js?v=${ver}"></script> 
	<!-- END PAGE LEVEL SCRIPTS -->
	<script type="text/javascript">
		jQuery(document).ready(function() { 
			GroupUsers.init();
			MonthReport.init();
		});
	</script>
</body>
</html>